<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/style.css" rel="stylesheet" />
    <script src="js/jquery-1.10.2.js"></script>
</head>
<body class="nei_body">
<div class="wrap">
    <div class="tian_title">
        <b></b>会员中心 -> 添加会员
        <a href="会员列表.html" target="main_frame"><div class="fan_list">会员列表</div></a>
    </div>
    <div class="tian_fu">
        <form action="" method="">
            <div class="tian_box1">
                <div class="tian_int1">
                    <span>会员姓名：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1">
                    <span>会员等级：</span>
                    <select>
                        <option>银卡会员</option>
                        <option>金卡会员</option>
                        <option>钻石卡会员</option>
                        <option>至尊黑卡会员</option>
                    </select>
                </div>
                <div class="tian_int1">
                    <span>充值类型：</span>
                    <div class="tian_xuan que_fu">
                        <div class="que_int tian_xuan_1">
                            <span>储值金额</span>
                            <input id="item2" type="radio" name="item" value="0">
                            <label for="item2"></label>
                        </div>
                        <div class="que_int tian_xuan_1">
                            <span>充值期限</span>
                            <input id="item1" type="radio" name="item" value="1">
                            <label for="item1"></label>
                        </div>
                    </div>
                </div>
                <div class="tian_int1 tian_int1_11">
                    <span>储值金额：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1 tian_int1_22">
                    <span>充值期限：</span>
                    <select>
                        <option>月卡</option>
                        <option>季卡</option>
                        <option>半年卡</option>
                        <option>年卡</option>
                        <option>创始会员</option>
                    </select>
                </div>
                <div class="tian_int1">
                    <span>会员年龄：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1">
                    <span>联系方式：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1">
                    <span>会员积分：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1">
                    <span>身份证号：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_int1">
                    <span>现住地址：</span>
                    <input type="text" placeholder="点击填写">
                </div>
                <div class="tian_an">
                    <div class="tian_an_1"><input type="reset" value="重置"></div>
                    <div class="tian_an_2"><input type="submit" value="确定"></div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    $(".que_int input").change(function(){
        var isPermanentValue = $('input[name="item"]:checked ').val();
        if(isPermanentValue == 0){
            $(".tian_int1_11").show();
            $(".tian_int1_22").hide();
        }
        if(isPermanentValue == 1){
            $(".tian_int1_22").show();
            $(".tian_int1_11").hide();
        }
    })
</script>
</body>
</html>